<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link href="css/index.css" type="text/css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<title>书山</title>
	</head>
	<body>
		<div id="head">
		<div id="tools">
			<input type="button" id="myCart" class="headBtn" value="我的购物车">			
			<input type="button" id="register" class="headBtn" value="注册">
			<input type="button" id="logIn" class="headBtn" value="登录">
		</div>
		</div>
		<div id="body">
			<div class="logo">
				<img src="img/logo.png">
			</div>
			<div class="search">
				<img id="logo">
				<input id="searchInput">
				<input type="button" id="searchButton" value="搜索">
			</div>
			
			<div class="display">
				<div class="bookType">
				<div class="typeBtns">
					<input type="button" id="type1" class="typeBtn" value="文学">
					<input type="button" id="type2" class="typeBtn" value="轻小说">
					<input type="button" id="type3" class="typeBtn" value="科幻">
					<input type="button" id="type4" class="typeBtn" value="童书">
				</div>
				</div>
				<div id="scoller">
				
				
				<div class="top-img">
			<div class="activeimg">
				<img src="img/1.jpg">
				<img src="img/2.jpg">
				<img src="img/3.jpg">
				<img src="img/4.jpg">
				<img src="img/5.jpg">
			</div>
			<div class="left"><img src="img/left.png"> </div>
			<div class="right"><img src="img/right.png"></div>
		</div>
		<!-- 存放缩略图的容器-->
		<div class="bot-img">
			<ul>
				<li class="active"><img src="img/1.jpg"> </li>
				<li><img src="img/2.jpg"> </li>
				<li><img src="img/3.jpg"> </li>
				<li><img src="img/4.jpg"> </li>
				<li><img src="img/5.jpg"> </li>
			</ul>
		</div>
		
	
				</div>
			</div>
		</div>
		<script src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
	</body>
<html>